<template>
	<view class="ejectPay">
		<template v-show="show">
			<!-- <view class="cancalBtn">
				<view class="btn">取消</view>
			</view> -->
			<view class="fastPay">
				<view class="left"><text>库存</text><text class="right">{{list.stock}}</text></view>
				<view class="left"><text>购买数量</text>
					<view class="right2">
						<u-number-box v-model="quantity" :max="list.stock" color="#207DFE"></u-number-box>
					</view>
				</view>
				<view class="left"><text>支付价格</text><text class="right">{{payParce}}USDT</text></view>
			</view>
			<label @click="xy(checks=!checks)">
				<checkbox :checked="checks" /><text class="tongy">我已阅读并同意 <text class="xy"
						@click="agreement">《HNT物联网通讯设备购买及托管协议》</text></text>
			</label>
		</template>
		<button class="fastPaybtn" @click="fastPay">立即支付</button>
	</view>
</template>

<script>
	import api from '../../common/api.js'
	export default {
		props: ['status', 'list', 'order'],
		data() {
			return {
				show: true,
				checks: true,
				passwordPay: '',
				quantity: 1,
				token: '',
				order_sn: '',
				goodParce: 99,
				stock: '',
				stockAll: '',
				openP: false
			}
		},
		computed: {
			payParce() {
				return this.quantity * this.goodParce
			}
		},
		mounted() {
			this.goodParce = Number(this.list.goods_price)
		},
		methods: {
			valChange() {},
			xy() {
				console.log(this.checks);
			},
			down() {
				this.quantity--
				if (this.quantity < 0) {
					this.quantity = 0
				} else {
					this.list.stock++
				}

			},
			add() {
				this.quantity++
				this.list.stock--
				if (this.list.stock < 0) {
					this.list.stock = 0
				}
				if (this.stockAll < this.quantity) {
					this.quantity = this.stockAll
				}
			},
			agreement() {
				uni.showModal({
					title: '众赢用户协议',
					content: `根据《中华人民共和国合同法》和相关法律法规的规定，经过充分了解和分析，本人自愿购买众赢科技HNT物联网通信设备，特签订本协议，以示证明。

一、本人以充分了解数字资产规律，清楚风险及收益，此次购买及托管完全自愿，并愿承担相应风险损失。
二、产出
众赢科技承诺合同签订后7个工作日内到货并完成调试安装。
三、技术服务和售后服务
1、众赢科技负责提供安置机器的场地，电力和网络，负责提供HNT设备、调试安装辅助设备、技术运维及售后服务。
2、组装完成后，众赢科技收取本人设备正式运行产生的数字资产价值的【20%】作为技术服务费及售后服务费。
3、众赢科技承诺众赢科技的技术服务日产量不低于官方平均日产量。
4、设备售后服务期限为三年。
5、三年服务期后，可协商是否合作及合作条件。
四、不可抗力及其他因素
1、如果双方中的任何一方因为不可抗力，如：战争、火灾、台风、洪水、地震等情况不能完全履行合同时，应及时通报对方不能履行或不能完全履行的理由；
2、受不可抗力影响一方在取得可证明不可抗力因素的有关机关的书面证明后，需及时通报对方，在获得对方的认可后，允许延期履行或部分履行协议，并根据情况可部分或全部免于承担违约责任。
3、因为其他特殊政策原因导致的不可抗力，双方可协商解决。

五、争议解决
因履行本协议所发生的的任何争议，由签约双方友好协商解决，协商不成时，双方均可依法提交众赢科技所在地的人民法院诉讼解决。

六、协议的生效、解除和终止
1、本协议经本人同意即刻生效。如果发生以下任一情况，可以视为协议解除或终止：
（1）本协议已有效、全部得到履行；
（2）按仲裁机构的裁决，协议解除或终止。
七、其他
1、对本协议条款的任何修改、变更或增减，需经双方授权代表签署书面文件，成为本协议的补充文件，具有同等法律效力；
2、任何一方均不可向第三方公开透露合同内容，除非事先征得对方的同意；但是，如需将协议提交政府有关部门批准则不需对方事先同意；
3、未尽事宜由双方另行协商决定；

----以下无正文，为协议签署页----`,
					success: res => {
						console.log(res.confirm);
						console.log(this.checks);
						this.checks = res.confirm
					},
					fail: res => {
						console.log(res);
						this.checks = res.cancel
					}
				})
			},
			async fastPay() {
				uni.showLoading()
				if (this.checks) {
					let res = await this.$api.sendRequest({
						url: api.CONFIRM_ORDER,
						async: false,
						data: {
							goodsid: this.list.id,
							quantity: this.quantity
						}
					})
					uni.hideLoading()
					this.openP = true
					if (res.code) {
						this.order_sn = res.data.order_sn
						this.$emit('fhidepay', res.data.order_sn)
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'error'
						})

					}
				} else {
					uni.showToast({
						title: '请同意HNT物联网通讯设备购买及托管协议',
						icon: 'none'
					})
				}
			}
		},
		created() {
			this.token = this.$store.state.istoken
			this.stock = this.list.stock--
			this.stockAll = this.list.stock
			if (this.order == 1) {
				this.stock = this.stockAll
			}
		}
	}
</script>

<style scoped lang="scss">
	label {
		font-size: 26rpx;
		font-weight: 400;
		color: #556EFF;

		checkbox {
			transform: scale(.8);
		}
	}

	// .right2 /deep/ .u-number-box__plus {
	// 	border-top-left-radius: 0px!important;
	// 	border-top-right-radius: 4px!important;
	// 	border-bottom-right-radius: 4px!important;
	// }
	.cancalBtn {
		height: 100rpx;
		background: #E5E5E5;
		margin-bottom: 114rpx;

		.btn {
			float: right;
			margin-top: 18rpx;
			margin-right: 40rpx;
			height: 66rpx;
			width: 132rpx;
			text-align: center;
			background: #FFFFFF;
			border: 1rpx solid #707070;
			border-radius: 16rpx;
			line-height: 66rpx;
			font-size: 34rpx;
			font-weight: 500;
			color: #A4A4A4;
		}
	}

	.ejectPay {
		padding: 66rpx;
		margin: auto;
		background-color: #FFFFFF;
		position: relative;
	}

	.out {
		background-color: #E5E5E5;
		width: 100%;
		height: 60rpx;
	}

	.hide {

		float: right;
		width: 160rpx;
		height: 60rpx;
		font-size: .8em;
		color: #A4A4A4;
		margin-right: 40rpx;
		border-radius: 32rpx;
	}

	.fastPay {
		background-color: #FFFFFF;
		margin-bottom: 102rpx;
	}

	.left {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 56rpx;

		text {
			font-size: 30rpx;
			font-weight: 400;
			color: #939393;
		}
	}

	.right {
		color: #000000 !important;
	}

	.right2 {
		color: #000000;
	}

	.down {
		width: 40rpx;
		height: 30rpx;
		font-size: 2em;
		position: absolute;
		top: -34rpx;
		left: -40rpx;
	}

	.add {
		width: 40rpx;
		height: 30rpx;
		font-size: 1.5em;
		position: absolute;
		top: -20rpx;
		right: -40rpx;
	}

	/* 同意 */
	.tongy {
		color: #C4C4C4;
	}

	/* 协议 */
	.xy {
		color: #556EFF;
	}

	.kongbai {
		width: 100%;
		height: 40rpx;
	}

	.fastPaybtn {
		background-color: #207DFE;
		color: #FFFFFF;
		margin-top: 28rpx;
		font-size: 28rpx;
	}
</style>
